<div ng-controller="HuodongCtrl" ng-init="signAction()">
    <ul class="sui-breadcrumb">
        <li>{{'活动'| translate}}</li>
        <li>
            {{'签到'|translate}}
        </li>
        <span class="sui-form sui-form pull-right">
            选择小程序生成签到码：<wx-app-list ng-model="wxappid" dft="1" ary="storeary" storedata="1"> </wx-app-list>
        </span>
    </ul>
    <hr>
    <div class="sui-row-fluid">
        <div class="span5" style="-webkit-box-shadow:1px 1px 3px #292929;-moz-box-shadow:1px 1px 3px #292929;box-shadow:1px 1px 3px #292929;padding-top: 40px;height: 505px;">
            <span style="display: block;text-align: center;">
                <img ng-src="{{dataimage}}" width="250" style="border: 2px solid;" ng-show="dataimage&&!hadScaned"/>
                <img ng-src="https://img.alicdn.com/imgextra/i2/20841398/TB2rAUagNrI8KJjy0FpXXb5hVXa-20841398.jpg" width="250" ng-show="hadScaned">    
            </span>
            
            <span ng-show="dataimage" style="display: block;text-align: center;margin-top: 10px;margin-bottom: 10px;">
                <div class="sui-msg msg-error" ng-show="!hadScaned">
                    <div class="msg-con">等待用户扫码中</div>
                    <s class="msg-icon"></s>
                </div>
                <div class="sui-msg msg-success" ng-show="hadScaned">
                    <div class="msg-con">用户已扫码，请确认签到</div>
                    <s class="msg-icon"></s>
                </div>
            </span>

            <span ng-show="dataimage" style="display: block;text-align: center;margin-top: 40px;">
                微信扫描上面的二维码签到
                <button id="huodongAdd" class="sui-btn btn-link" ng-click="refreshData();">刷新</button>
                <br>
                如果扫描后没反应，请点击“刷新”重新微信扫描
            </span>
        </div>
        <div class="span1" style="margin-top: 180px;font-size: 20px;color: #999999;text-align: center;" ng-show="detail_data.member_id"> &gt;&gt; </div>
        <div class="span5" style="-webkit-box-shadow:1px 1px 3px #292929;-moz-box-shadow:1px 1px 3px #292929;box-shadow:1px 1px 3px #292929;height: 505px;" ng-show="detail_data.member_id">
            <div style="padding: 15px;">
                <span style="display: block;text-align: center;padding-top: 20px;"> 
                    <wxinfo ng-model="detail_data.member_id" stye="1" is-cb="1" cb="getMember(iamurl,nick)"></wxinfo>
                    
                    <img src="{{iamurl}}" width="250">
                </span>
                <hr>
                <span style="display: block;margin: 15px;"> 
                    <span style="color: #bec1c9;font-size: 14px;">签到人：</span>
                    <span style="color: #2c2d2e;font-size: 18px;">{{nick}}</span>
                </span>
                <span style="display: block;margin: 15px;"> 
                    <span style="color: #bec1c9;font-size: 14px;">手机号：</span>
                    <span style="color: #2c2d2e;font-size: 18px;">{{detail_data.mobile}}</span>
                </span>
                <span style="display: block;margin: 15px;line-height: 30px;"> 
                    <span style="color: #bec1c9;font-size: 14px;">活动名称：</span>
                    <span style="color: #2c2d2e;font-size: 18px;">{{huodong_data.name}}</span>
                </span>
                <span style="display: block;margin: 15px;"> 
                    <span style="color: #bec1c9;font-size: 14px;">报名费：</span>
                    <span style="color: #2c2d2e;font-size: 18px;">{{huodong_data.pay_amount}}</span>
                </span>

                <span>
                    <button ng-show="detail_data" id="huodongAdd" class="sui-btn btn-block btn-xlarge btn-primary" ng-click="signUpdate();">
                        确认
                    </button>
                </span>
            </div>
        </div>
    </div>
</div>